/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */

.headerPanel{
 position: absolute;
 right: 50%; 
 margin-right: -350px;   /* half of the width */
}

.userInfo {
position:relative;
margin-top: 7px;
	
}

a:link {	
color:black !important;
text-decoration:none !important;

	}      /* unvisited link */

 a:visited {
text-decoration:none !important;
color:black !important;

}

a:hover {
color:#FFFFFF !important;
}  /* mouse over link */

a:active {color:#EBEEF5 !important;}






.mainPanel a:link {	
margin-left:33px;
margin-top:5px;
margin-bottom:5px;
width:220px !important;
border-radius: 3px !important;
text-decoration:none !important;
display: block !important;
padding:7px 0px !important;
background:#9BA3CE !important;
color:#FFFFFF !important;
font-weight: bold !important;
font-size: 16px !important;
float:left !important;
text-align:center !important;
border-style:solid !important;
border-width:1px !important;
border-color:#B3B9DA !important;
	}      /* unvisited link */

.mainPanel a:visited {
margin-top:5px;
margin-bottom:5px;
margin-left:33px;
width:220px !important;
font-size: 16px !important;
border-radius: 3px !important;
font-weight: bold !important;
text-decoration:none !important;
display: block !important;
padding:7px 0px !important;
background:#9BA3CE !important;
color:#FFFFFF !important;
float:left !important;
text-align:center !important;
border-style:solid !important;
border-width:1px !important;
border-color:#B3B9DA !important;
}

.mainPanel a:hover {
width:220px !important;
margin-top:5px;
margin-bottom:5px;
margin-left:33px;
border-radius: 3px !important;
background:#869CD0 !important;
color:#FFFFFF !important;
font-weight: bold !important;
border-style:solid !important;
border-width:1px !important;
border-color:#B3B9DA !important;
}  /* mouse over link */

.mainPanel a:active {color:#EBEEF5 !important;}

h1 {
  width:100%;
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  text-align: center;
}
h2 {
  font-weight: bold;
  color: #777777;
  margin: 10px 0px 10px;
  text-align: center;
}
h3 {
  font-weight: bold;
  font-size:17px;
  color: #5F9A65;
  padding:10px;
  margin: 10px 0px 10px;
  text-align: center;
  border-style:solid;
  border-width:0px;
  border-color:#B3B9DA;
}

.mainPanel {
    position: absolute;
    left: 50%;
    margin-left: -330px;   /* half of the width */
	margin-top:40px;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

.postButton {
  display: block;
  font-size: 16pt;
} 

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.dialogVPostPanel {
  margin: 10px;
}

.cw-FlexTable td {
  border: 0px solid #BBBBBB;
  background-color:#E2E3FF;
  padding: 3px;
}
.cw-FlexTable-buttonPanel td {
  border: 0px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}
